<template>
  <el-container>
    <el-header>
      <div class="title-container">
        <h1 class="title">槿椿颐养中心管理系统</h1>
      </div>
    </el-header>

    <el-container>
      <el-aside>
        <Left_menu :roleid="roleid"/>
      </el-aside>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>

<script setup>
import Left_menu from "@/views/frame/left_menu.vue";

//let userName = history?.state?.username;
let nickName = history?.state?.nickname;
//const roleid = history?.state?.roleId;


</script>

<style scoped>
.el-header {
  background-color: #e6f2ff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  height: 80px; /* 标题区域高度 */
  border-bottom: 1px solid #eaeaea;
}

.title-container {
  width: 100%;
  text-align: center;
}

.title {
  font-size: 32px; /* 标题字体大小 */
  color: #002244;
  font-weight: bold;
  margin: 0;
}

.link-container {
  display: flex;
  gap: 10px;
}


</style>